<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<meta name="format-detection" content="telephone=no, email=no"/>
	<meta charset="UTF-8">
	<title>我的课程</title>
	<link rel="stylesheet" href="themes/css/core.css">
	<link rel="stylesheet" href="themes/css/icon.css">
	<link rel="stylesheet" href="themes/css/home.css">
	<link rel="icon" type="image/x-icon" href="favicon.ico">
	<link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">
	<style>
		.aui-card-content{display: block;}
		.aui-card-media-item{
			width: 9rem;
		}
		.aui-card-media-text{
			font-size: 14px;
		}
		.fl{float: left;}
		.fr{float: right;}
		.uns{
			color: #F23030;
		}
		.start{
			color: #00a381;
		}
		.aui-content-box .aui-dri:last-child{
			display: none;
		}
	</style>
</head>
<body>

	<header class="aui-header-default aui-header-fixed aui-header-bg">
		
		<a href="javascript:history.back(-1)" class="aui-header-item">
			<i class="aui-icon aui-icon-back-white"></i>
		</a>
		<div class="aui-header-center aui-header-center-clear">
			<div class="aui-header-center-logo">
				<div class="aui-car-white-Typeface">我的课程</div>
				
			</div>
		</div>
		<a href="#" class="aui-header-item-icon">
		</a>
	</header>


	<section class="aui-myOrder-content">
		<div class="m-tab demo-small-pitch" data-ydui-tab>
			<div class="aui-myOrder-fix">
				<ul class="tab-nav">
					<li class="tab-nav-item tab-active"><a href="javascript:;">未开课</a></li>
					<li class="tab-nav-item"><a href="javascript:;">已开课</a></li>
					<li class="tab-nav-item"><a href="javascript:;">已结束</a></li>
				</ul>
			</div>
		
			<div class="tab-panel">
				<div class="tab-panel-item tab-active">
					<div class="aui-content-box">
					
								
					</div>
				</div>
				<div class="tab-panel-item">
					<div class="aui-content-box">
					
								
					</div>
				</div>
				<div class="tab-panel-item">
					<div class="aui-content-box">
					
								
					</div>
				</div>
			</div>
		</div>
	</section>

	<script type="text/javascript" src="themes/js/jquery.min.js"></script>
	<script type="text/javascript" src="themes/js/aui.js"></script>
	<script type="text/javascript" src="themes/js/ajax-util.js"></script>		
	<script type="text/javascript" src="themes/js/Feng.js"></script>	
	<script type="text/javascript" src="themes/plugin/numeral/numeral.min.js"></script>	
	<script type="text/javascript" src="themes/plugin/artTemplate/template.js"></script>	
	<script type="text/javascript" src="themes/plugin/layer/layer.js"></script>
	<script type="text/javascript" src="themes/plugin/lazyload/jquery.lazyload.js"></script>
	<script src="themes/js/common.js"></script>
	<script type="text/javascript" src="static/my/my_course.js"></script>	

		<script  type="text/html" id="couponTempl">
		{{each}}
		<!-- 卡片模块 begin -->
		<a class="aui-card-content" href="ui-product.html?id={{$value.courseId}}">
			<div class="aui-card-media">
				<div class="aui-card-media-item">
					<img src="{{$value.picture1 | pictureFormat}}" />
				</div>
				<div class="aui-card-media-inner">
					<div class="aui-card-media-text">
						<div class="title">{{$value.courseName}}</div>
					</div>
					<div class="aui-card-media-describe clearfix">
						<span class="fl">授课老师：{{$value.teacherMain}} </span>
						
					</div>
					<div class="aui-card-media-describe clearfix">
						<span class="fl">购买课次:{{$value.buyNumber}}节</span>
						<span class="fr">总课次:{{$value.totalNumber}}节</span>
					</div>
					
					<div class="aui-card-media-describe clearfix">
						<span class="fl">开课时间:{{$value.courseStartDate | dateFormat}}</span>										
						{{#$value.courseStatus | courseStatusFormat}}
					</div>
					<div class="aui-card-media-describe">
						<span>地点：{{$value.detailAddr}}</span>
					</div>						
				</div>
			</div>			
		</a>
		<!-- 卡片模块 end -->
		<div class="aui-dri"></div>
		{{/each}}
		</script>
</body>
</html>